<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>div 属性学习</title>
	<style type="text/css">
     div{
     	height: 100px;
     	float: left;
     	width: 100px;
     }

     .container{
     	border: 1px solid blue;
     	height: 300px;
     	width: 350px;
     }

     .frist{
     	background-color: #ffee22;
     }

     .second{
     	background-color: #ee4422;
     }

     .three{
     	background-color: #ff22ee;
     }

     .n{
     	background-color: #22ffee;
     }

	</style>
</head>
<body>

<div class="container">
	
	<div class="frist">第一个</div>
	<div class="second">第二个</div>
	<div class="three">第三个</div>
	<div class="n">第N个</div>

</div>
	
</body>
</html>